
/*  OfficeWebUI_Office2010Silver  */


/*  
	Ribbon.css
*/

.RibbonContextsContainer
{
    background:url("HGO.axd?file=Office2010Silver_Ribbon_Tabline.png") bottom left repeat-x;
    *background-position:0px 48px;
}

.RibbonTabsContainer
{
    background:url("HGO.axd?file=Office2010Silver_Ribbon_Background.png") top left repeat-x;
    border-left:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}

.RibbonContext
{    
    background-image:url("HGO.axd?file=Office2010Silver_Ribbon_BackgroundContext.png");
    background-position:top left;
    background-repeat:repeat-x;
    border-bottom:1px solid #C0C0C0;
}

.RibbonContextTitle
{
    color:#444;    
}

.ApplicationButton
{
    background-image:url("HGO.axd?file=Office2010Silver_Ribbon_Background_AppMenu.png");
    background-position:top left;
    background-repeat:repeat-x;
    color:#fff;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;    
}

.RibbonBackstageContainer
{
    box-shadow: 2px 2px 4px #c0c0c0; 
}

.RibbonTab
{
    float:left;
    background:transparent;
    border: 1px solid transparent;
    cursor:pointer;
    color:#888;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

.RibbonTab:hover
{
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;    

    border-left:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0;
    border-top:1px solid #d0d0d0;
    background:#fff;
}

.RibbonTabActive
{
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;    
    
    border-left:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #fff;
    
    background:#fff;   
    color:#000; 
}

.RibbonGroupContent
{
    float:left;
    height:80px;
    border-right:1px solid #C0C0C0;
}

.RibbonGroupCollapsedContainer
{
    float:left;
    height:80px;
    border-right:1px solid #C0C0C0;
    padding-right:4px;
    padding-left:4px;
}

.RibbonGroupCollapsedContainerDropDown
{
    background:#fff;
    border:1px solid #C0C0C0;
    background:url("HGO.axd?file=Office2010Silver_Ribbon_Background.png") top left repeat-x;    
    height:81px;
    padding:5px;
}

.RibbonGroupCollapsedContainerTable
{
	border:1px solid transparent;
	cursor:pointer;
	background:transparent;
}

.RibbonGroupCollapsedContainerTable:hover
{
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}

.RibbonGroupCollapsedContainerTableActive
{
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.RibbonGroupContent A
{
    color:#444;
    text-decoration:none;
}

.RibbonGroupTitle
{
    color:#888;    
}

.GroupExpandPanel
{
    margin-top:3px;
    *margin-top:-12px;
    float:right;
    cursor:pointer;
}

.RibbonDropDownMenu
{
	position:absolute;
	border:1px solid #C0C0C0;
	box-shadow: 0px 2px 4px #c0c0c0; 
	padding:2px;
	background:#fff;
	z-index:99;  
  margin-left: -7px;
}

.BackstagePagesColumn
{
    float:left;
    width:150px;
    background:#f0f0f0 url("HGO.axd?file=Office2010Silver_Ribbon_BackgroundBackstage.png") top right repeat-y;
    height:100%;
}

.BackstageContentColumn
{
    float:left;
    padding:10px;
    font-size:12px;
}

.BackstagePageTitle
{
    margin-top:10px;
    padding:5px;
    padding-left:10px;
    border-top:1px solid transparent;    
    border-bottom:1px solid transparent;
    background-image:none;
}

.BackstagePageTitle:hover
{
    background-image:url("HGO.axd?file=Office2010Silver_Ribbon_BackgroundBackstagePageHover.png");
    background-position:right top;
    background-repeat:repeat-y;
}

.BackstagePageActive
{
    background-image:url("HGO.axd?file=Office2010Silver_Ribbon_BackgroundBackstagePageActive.png");
    background-position:right center;
    background-repeat:no-repeat;
}

.RibbonToggleButtonUp
{
    background-image:url("HGO.axd?file=Office2010Silver_ToggleRibbon_Up.png");
    background-position:right center;
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    border:1px solid transparent;
}

.RibbonToggleButtonDown
{
    background-image:url("HGO.axd?file=Office2010Silver_ToggleRibbon_Down.png");
    background-position:right center;
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    border:1px solid transparent;    
}

/* Items */

.RibbonItemActive
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}

.RibbonApplicationMenuContainer
{
    border:1px solid #c0c0c0;  
    box-shadow: 0px 2px 4px #c0c0c0;  
}

.RibbonAppMenuItem
{
   	padding: 1px;
	border:0px solid #f1c43f; 
	min-width:120px;
	max-width:240px;
}
.RibbonAppMenuItem:hover
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}


.RibbonItems_SmallItem
{
	float:left;
	padding: 1px;
	border:0px solid #f1c43f;
}
.RibbonItems_SmallItem:hover
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}

.RibbonItems_SmallItem.Checked
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.RibbonItems_SmallItem.RibbonMenuActive
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.RibbonItems_MediumItem
{
	padding: 1px;
	border:0px solid #f1c43f;
}
.RibbonItems_MediumItem:hover
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}

.RibbonItems_MediumItem.Checked
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.RibbonItems_MediumItem.RibbonMenuActive
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.RibbonItems_LargeItem
{
	float:left;
	padding: 1px 7px 1px 7px;
	border:0px solid #f1c43f;
}

.RibbonItems_LargeItem:hover
{
	padding: 0px 6px 0px 6px;	
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
}

.RibbonItems_LargeItem.Checked
{
	padding: 0px 6px 0px 6px;	
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.RibbonItems_LargeItem.RibbonMenuActive
{
	padding: 0px 6px 0px 6px;	
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}


.RibbonGalleryContainer
{
	float:left;
	height:64px;
	background:#fff;
	border:1px solid #C0C0C0;
	padding-right:2px;
}

.RibbonGalleryDropDownArrow
{
  border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	float:left;
	height:60px;
	padding:2px;
	background:#FFF;
	cursor:pointer;
}

.RibbonGalleryDropDownArrow:hover
{
  border-right:1px solid #f1c43f;
	border-bottom:1px solid #f1c43f;
	border-top:1px solid #f1c43f;
	float:left;
	height:60px;
	padding:2px;
	background:#fdeeb3;
	cursor:pointer;
}

.RibbonGalleryActive
{
    border-right:1px solid #f1c43f;
	border-bottom:1px solid #f1c43f;
	border-top:1px solid #f1c43f;
	float:left;
	height:60px;
	padding:2px;
	background:#FFC06F;
	cursor:pointer;
}

.RibbonGalleryItem
{
    margin:2px 0px 2px 2px;
	height:52px;
	width:70px;
	padding: 4px 6px 4px 6px;
	float:left;
}

.RibbonGalleryItem:hover
{
    margin:2px 0px 2px 2px;
	padding: 3px 5px 3px 5px;
	height:52px;
	width:70px;
	cursor:pointer;
	border:1px solid #f1c43f;
	background:#fdeeb3;
	float:left;
}

.GalleryExtraItems
{
    border-top:1px solid #C0C0C0;
    margin-top:1px;
    margin-left:2px;
    padding-top:2px;
    padding-bottom:2px;
}

.RibbonGallerySubMenu
{
	position:absolute;
	border:1px solid #C0C0C0;
	box-shadow: 0px 2px 4px #c0c0c0; 
	padding-right:2px;
	background:#fff;
	z-index:99;
}

.RibbonTooltipContainer
{
    border:1px solid #777;
    background-image:url("HGO.axd?file=Office2010Silver_Ribbon_BackgroundTooltip.png");
    background-position:top left;
    background-repeat:repeat-x;
    border-radius: 3px;
}



/*  Button  */

.OfficeWebUI_Button
{
    padding:2px 6px 2px 6px;
    border:1px outset #F0F0F0;
    border-radius:3px;
    font-size:11px;
    background:url("HGO.axd?file=Office2010Silver_Ribbon_Button_Background.png") bottom left repeat-x;
    min-width:50px;
}

.OfficeWebUI_Button TABLE
{
    min-height:16px;
}

.OfficeWebUI_Button:hover
{
	border:1px outset #f1c43f;
	background:#fdeeb3;
}

.OfficeWebUI_Button_ExtraText
{
    color:#777;
}

.OfficeWebUI_Button.ButtonMenuActive 
{
    border:1px outset #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.ButtonDropDownMenu
{
	position:absolute;
	border:1px solid #C0C0C0;
	margin-left:-7px;
	box-shadow: 0px 2px 4px #c0c0c0; 
	padding:2px;
	background:#fff;
	z-index:99;    
}

.ButtonMenuSeparator
{
    border-top:1px solid #D0D0D0;
    padding-bottom:1px;
    margin-top:1px;
}



/*  ColorPicker */

.RibbonColorPicker_Cell
{
    border:1px solid #fff;
    padding:1px;
}

.RibbonColorPicker_Cell:hover
{
    border:1px solid #f1c43f;
    padding:1px;
}



/* Combobox */


.OfficeWebUI_Combobox
{
    border:1px solid #C0C0C0;
    font-size:11px;
    background:url("HGO.axd?file=Office2010Silver_Combobox_Arrow.png") center right no-repeat;
}

.OfficeWebUI_Combobox:hover
{
    border:1px solid #f1c43f;
    background:url("HGO.axd?file=Office2010Silver_Combobox_ArrowHover.png") center right no-repeat;
}

.OfficeWebUI_ComboboxActive
{
    border:1px solid #f1c43f;
    background: url("HGO.axd?file=Office2010Silver_Combobox_ArrowHover.png") center right no-repeat;
}

.OfficeWebUI_Combobox_DropDown
{
    border:1px solid #C0C0C0;
    background:#fff;
    left:-1px;
    max-height:200px;
    overflow-y:auto;
}

.OfficeWebUI_Combobox_Selected
{
    padding:3px;
}

.OfficeWebUI_Combobox_Item
{
    padding:2px;
    margin:1px;
    border:1px solid transparent;
}

.OfficeWebUI_Combobox_Item:hover
{
    background:#FDEEB3;
    border:1px solid #f1c43f;
}


/* ListView */

.OfficeWebUI_ListView_List, .OfficeWebUI_ListView_Gallery
{
    background:#ffffff;
    border:1px solid #C0C0C0;
}


.OfficeWebUI_ListView_List .OfficeWebUI_ListViewItem
{
    font-size:8pt;
    padding: 1px;
	border:0px solid #f1c43f;
    margin:1px;
}

.OfficeWebUI_ListView_List .OfficeWebUI_ListViewItem:hover
{
   	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3; 
}

.OfficeWebUI_ListView_List .OfficeWebUI_ListViewItem_ExtraText
{
    display:block;
    color:#777;
}

.OfficeWebUI_ListView_List .OfficeWebUI_ListViewItemSelected
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.OfficeWebUI_ListView_List .OfficeWebUI_ListViewItemSelected:hover
{
	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#FFC06F;
}

.OfficeWebUI_ListView_Gallery .OfficeWebUI_ListViewItem
{
    font-size:8pt;
    padding: 1px;
	  border:0px solid #f1c43f;
    margin:1px;
    float:left;
    width:100px;
}

.OfficeWebUI_ListView_Gallery .OfficeWebUI_ListViewItem:hover
{
   	padding: 0px;
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3; 
}

.OfficeWebUI_ListView_Gallery .OfficeWebUI_ListViewItem TD
{
    text-align:center;
}



/* Popup */

.OfficeWebUI_PopupShadow
{
    BACKGROUND-COLOR: #eef3ee;
}

.OfficeWebUI_Popup
{
    border:1px solid #777;
    border-radius:3px;
    box-shadow: 2px 2px 4px #c0c0c0; 
    background:#F0F0F0;
}

.OfficeWebUI_PopupTitle
{
    font-size:11px;
    padding:5px 5px 3px 5px;
    background:url("HGO.axd?file=Office2010Silver_Button_Background.png") bottom left repeat-x;
    border-bottom:1px solid #C0C0C0;
}

.OfficeWebUI_PopupContentContainer
{
    padding:5px;
    margin:5px;
    background:#fff;
    border:1px solid #A5ACB5;
}

.OfficeWebUI_PopupFooterPanel
{
    border-top:0px solid #C0C0C0;
    background:#F0F0F0;
    padding:0px 5px 5px 5px;
    text-align:right;
}


.OfficeWebUI_PopupContentContainer H1
{
    font-size:16pt;
    font-weight:normal;
    margin-top:0px;
}

.OfficeWebUI_PopupContentContainer H2
{
    font-size:14pt;
    font-weight:normal;
    margin-top:0px;
}

.OfficeWebUI_PopupContentContainer H3
{
    font-size:12pt;
    font-weight:normal;
    margin-top:0px;
}



/* WorkSpace  */

.OfficeWebUI_WorkspaceContainer {
    margin: 4px !important;
}


.OfficeWebUI_Workspace
{
    font-size:11px;
    font-family:"Segoe UI", Tahoma;
    color:#3B3B3B;
}

.OfficeWebUI_WorkspaceStatusBar
{
    background:#BFC3C8 url("HGO.axd?file=Office2010Silver_Workspace_StatusBar.png") top left repeat-x;
    height:23px;
    border-top:1px solid #939AA3;
}

.OfficeWebUI_WorkspaceContentPanel
{
    border:1px solid #A5ACB5;
}

.OfficeWebUI_WorkspaceContentPanelHeader
{
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE);
    background: -moz-linear-gradient(#FFFFFF, #DEDEDE);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DEDEDE));
    background: -webkit-linear-gradient(#FFFFFF, #DEDEDE);
    background: -ms-linear-gradient(#FFFFFF, #DEDEDE);
    background: -o-linear-gradient(#FFFFFF, #DEDEDE);
    background: linear-gradient(#FFFFFF, #DEDEDE);
    
    border-bottom: 1px solid #C0C0C0;
    font-weight: bolder;
    height: 28px;
    line-height: 25px;
    padding-left: 9px;
}

.OfficeWebUI_WorkspaceContentPanelCommandHeader
{
    border-bottom: 1px solid #C0C0C0;
    font-weight: bolder;
    height: 28px;
    line-height: 25px;
    padding-left: 9px;
    background-color: White;
}

.OfficeWebUI_WorkspaceContentPanelContent
{
    position:relative;
    overflow: visible;
}

.OfficeWebUI_WorkspaceLeftPanel
{
    border:1px solid transapent;
}

.OfficeWebUI_WorkspaceNavContainer
{
    border-bottom:1px solid #A5ACB5;
}


.OfficeWebUI_WorkspaceAreaZone
{
  display: none;
}

.WorkspaceAreaActive
{
    padding:4px !important;
    background:#FEFEFE;
    border:1px solid #A5ACB5;
}

.OfficeWebUI_WorkspaceAreaButton
{
    padding:5px;
    margin:2px 2px 0px 0px;
    font-weight:bold;
    margin:2px;
    cursor: default;
}

.OfficeWebUI_WorkspaceAreaButton:hover
{
    padding:5px;
    background:#FEFEFE;
    cursor: default;    
}

.OfficeWebUI_WorkspaceSectionTitle
{
  filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE) !important;
  background: -moz-linear-gradient(#FFFFFF, #DEDEDE) !important;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DEDEDE)) !important;
  background: -webkit-linear-gradient(#FFFFFF, #DEDEDE) !important;
  background: -ms-linear-gradient(#FFFFFF, #DEDEDE) !important;
  background: -o-linear-gradient(#FFFFFF, #DEDEDE) !important;
  background: linear-gradient(#FFFFFF, #DEDEDE) !important;
  border-bottom: 1px solid #C0C0C0;
  font-family: Helvetica,Helvetica Neue,Arial;
  font-size: 12px;
  font-weight: bolder;
  margin-bottom: 1px;
  padding: 7px;
  line-height: 15px;
}	

.OfficeWebUI_WorkspaceItem
{
	  border:1px solid transparent;
    margin-top:1px;
	  padding:3px !important;    
}

.OfficeWebUI_WorkspaceItem:hover
{
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
	padding:3px !important;	
}

.OfficeWebUI_WorkspaceItemActive
{
	border:1px solid #f1c43f;
	cursor:pointer;
	background:#fdeeb3;
	padding:3px !important;
}

/* For Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {

  BODY
  {
      background:#E8ECF0;
      font-size:11px;
      font-family:"Segoe UI", Tahoma;
      color:#3B3B3B;
  }

  A
  {
      color:#5E5E5E;
      text-decoration:underline;
  }

  A:hover
  {
      color:#E5660B;
  }

  BUTTON, INPUT[TYPE=SUBMIT]
  {
      background:#F0F0F0;
      border:1px solid #777;
      font-size:11px;
      padding:5px;
  }

  INPUT[type=text]
  {
      font-size:11px;
  }

  .OfficeWebUI_Chrome_Panel
  {
      border:1px solid #A5ACB5;
      background:#fff;
      padding:4px;
      margin:4px;
  }

  .OfficeWebUI_Chrome_Table TD
  {
      padding:2px 4px 2px 4px;
  }
}


/* MailMenu */

.MailMenu
{
  color: #FFFFFF;
  font-size: 14px;
  margin: -2px;
}

.MailMenu ul {
  color: #FFFFFF;
  list-style: none outside none;
  width: auto;
}

.MailMenu ul li {
  float: left;
  position: relative;
  list-style-type: none;
}

.MailMenu ul li a {
  background: none repeat scroll 0 0 #F3F3F3;
  border: 1px solid #DCDCDC;
  border-radius: 2px 2px 2px 2px;
  color: #666666;
  display: inline-block;
  font: bold 75% arial,sans-serif;
  margin-right: 10px;
  padding: 3px 12px;
  position: relative;
  text-decoration: none; 
  cursor: default; 
}

.MailMenu > ul > li > a
{
  vertical-align: middle;
  text-align: center;
  margin-top: 4px\9;
  cursor: default;   
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .MailMenu > ul > li > a
  {
    margin-top: 0.5px;
  }
}


.MailMenu ul li:hover a {
  background: none repeat scroll 0 0 #F3F3F3;
  border: 1px solid #DCDCDC;
  border-radius: 2px 2px 2px 2px;
  color: #666666;
  display: inline-block;
  font: bold 75% arial,sans-serif;
  margin-right: 10px;
  padding: 3px 12px;
  position: relative;
  text-decoration: none;
}


.MailMenu ul li:hover a.buttonwithimg,
.MailMenu ul li:hover a.dropdownbuttonwithimg {
  filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE);
  background: -moz-linear-gradient(#FFFFFF, #DEDEDE);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DEDEDE));
  background: -webkit-linear-gradient(#FFFFFF, #DEDEDE);
  background: -ms-linear-gradient(#FFFFFF, #DEDEDE);
  background: -o-linear-gradient(#FFFFFF, #DEDEDE);
  background: linear-gradient(#FFFFFF, #DEDEDE);

  border: 1px solid #989898;
  color: #000000;
}

.MailMenu ul li:hover a.buttonwithimg:active {
  background: none repeat scroll 0 0 #F3F3F3;
  border: 1px solid #DCDCDC;
  border-radius: 2px 2px 2px 2px;
  color: #666666;
  display: inline-block;
  font: bold 75% arial,sans-serif;
  margin-right: 10px;
  padding: 3px 12px;
  position: relative;
  text-decoration: none;
}

.MailMenu ul li a:hover {
  border-color: #999999;
  color: #333333;
}

.arrow {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #777777 transparent transparent;
  border-style: solid dashed dashed;
  border-width: thick;
  margin-left: 10px;
  position: relative;
  top: 10px;
}

/*
.MailMenu ul li:hover ul {
  box-shadow: 0 4px 10px #8B8B8B;
  display: block;
  margin-left: 0;
  margin-top: 0px;
  padding: 1px;
  position: absolute;
}
*/

.MailMenu ul li ul {
  display: none;
  box-shadow: 0 4px 10px #8B8B8B;
  margin-left: 0;
  margin-top: 0px;
  padding: 1px;
  position: absolute;
}


.MailMenu ul li ul li
{
  list-style-type: none; 
}

.MailMenu ul li a.left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
}

.MailMenu ul li a.middle {
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-radius: 0 0 0 0;
  margin: 0;
}

.MailMenu ul li a.middle:hover, .MailMenu ul li a.right:hover {
  border-left: 1px solid #999999;
}

.MailMenu ul li a.right {
  border-bottom-left-radius: 0;
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-top-left-radius: 0;
}

.MailMenu ul li a.check {
  display: inline-block;
  margin-right: 10px;
  padding: 6px 6px 7px 12px;
  position: relative;
}

.MailMenu ul li a.buttonwithimg {
  width: 70px;
}

.MailMenu ul li a.dropdownbuttonwithimg {
  width: 31px;  
}

.buttonwithimg .img {
  float: left;
  height: 16px;
  margin-left: -5px;
  margin-right: 3px;
  margin-top: -2px;
}

.buttonwithimg .largeimg {
  float: left;
  height: 16px;
  margin-left: -5px;
  margin-right: 7px;
  margin-top: -2px;
}

.dropdownbuttonwithimg .img {
  float: left;
  height: 16px;
  margin-left: -5px;
  margin-right: 0px;
  margin-top: -2px;
}


.flagimg {
  float: left;
  height: 16px;
  margin-left: -5px;
  margin-right: 7px;
  margin-top: -2px;
}

.MailMenu ul li a.previous {
  background: url("HGO.axd?file=MailMenu_previous.png") no-repeat scroll 10px 0 #F3F3F3;
  width: 17px;
}

.MailMenu ul li a.next {
  background: url("HGO.axd?file=MailMenu_previous.png") no-repeat scroll 10px 0 #F3F3F3;
  width: 17px;
}

.MailMenu ul li a.num {
  background: none repeat scroll 0 0 #FFFFFF;
  border: medium none;
  color: #000000;
  display: inline-block;
  font: 80% arial,sans-serif;
  margin-right: 10px;
  padding: 7px 12px;
  position: relative;
  text-decoration: none;
  text-shadow: none;
}

.MailMenu ul li ul {
  display: none;
}

.MailMenu ul li a.dropdown
{
  /* For Chrome, Safari  */
  width: 70px;  
}

.MailMenu ul li:hover a.dropdown
{
  filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE);
  background: -moz-linear-gradient(#FFFFFF, #DEDEDE);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DEDEDE));
  background: -webkit-linear-gradient(#FFFFFF, #DEDEDE);
  background: -ms-linear-gradient(#FFFFFF, #DEDEDE);
  background: -o-linear-gradient(#FFFFFF, #DEDEDE);
  background: linear-gradient(#FFFFFF, #DEDEDE);
  
  /* Only for Mozilla Firefox...
  background: -moz-linear-gradient(center top , #F7F6F5 0%, #BFBFBF 43%, #BFBFBF 45%, #F7F6F5 100%) repeat scroll 0 0 transparent;
  */
    
  border: 1px solid #989898;
  color: #000000;
    
  /* For Chrome or Safari... */
  width: 70px;
}

.MailMenu ul li:hover ul {
  box-shadow: 0 4px 10px #8B8B8B;
  -moz-box-shadow: 0 4px 10px #8B8B8B;
  -webkit-box-shadow: 0 4px 10px #8B8B8B;
  display: block;
  margin-left: 0;
  margin-top: -1px;
  padding: 1px;
  position: absolute;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DCDCDC;
}

.MailMenu ul li:hover ul li a {
  background: none repeat scroll 0 0 #FFFFFF;
  border: medium none;
  color: #000000;
  display: block;
  margin-right: 1px;
}

.MailMenu ul li:hover ul li a:hover {
  background: none repeat scroll 0 0 #EEEEEE;
}

.MailMenu ul li ul li:first-child a {
  border-top: medium none;
}

.width-1 li a {
  width: 65px;
}

.width-2 li a {
  width: 135px;
}

.width-3 li a {
  width: 165px;
}

.width-4 li a {
  width: 85px;
}


